  <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>贼好看电视剧</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="/publics/front-stage/css/teleplay.css" />
        <script src="/publics/front-stage/js/axios.min.js"></script>
        <link rel="stylesheet" href="/publics/front-stage/less_j/myperson_j.css">
        <link rel="stylesheet" href="/publics/front-stage/l-less/common.css">
        <link rel="stylesheet" href="/publics/front-stage/less_j/nav.css">
    </head>
    <body>

        <p style="display: none;" id="userIdmessage">{{userinfo.userId}}</p>
        <div class='all-page'>
            {{include './nav.html'}}
            <div id="lunbo">
                        <div class="cycle">
                            <div class="imgs">
                                <button type="button" class="btn" id="goPre"><i class="fa fa-angle-left fa-2x" aria-hidden="true"></i></button>            
                                <button type="button" class="btn" id="goNext"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button>
                                <div class="circle">
                                    <div class="circle-box">
                                    </div>
                                </div>
                            </div>
                        </div>
            </div>
            <div class="mid-nav">
                <div class="mid-nav-box">
                    <span class="classnav">
                        <h4>地区</h4>
                        <div>
                        </div>
                    </span>
                    <span class="classnav">
                        <h4>类型</h4>
                        <div>
                            <a style="text-decoration:none;color: black;" href="/type">古装</a>
                            <a style="text-decoration:none;color: black;" href="/type">言情</a>
                            <a style="text-decoration:none;color: black;" href="/type">武侠</a>
                            <a style="text-decoration:none;color: black;" href="/type">偶像</a>
                            <a style="text-decoration:none;color: black;" href="/type">家庭</a>
                            <a style="text-decoration:none;color: black;" href="/type">青春</a>
                            <a style="text-decoration:none;color: black;" href="/type">都市</a>
                            <a style="text-decoration:none;color: black;" href="/type">喜剧</a>
                            <a style="text-decoration:none;color: black;" href="/type">战争</a>
                            <a style="text-decoration:none;color: black;" href="/type">军旅</a>
                            <a style="text-decoration:none;color: black;" href="/type">谍战</a>
                            <a style="text-decoration:none;color: black;" href="/type">悬疑</a>
                            <a style="text-decoration:none;color: black;" href="/type">罪案</a>
                            <a style="text-decoration:none;color: black;" href="/type">穿越</a>
                            <a style="text-decoration:none;color: black;" href="/type">宫廷</a>
                        </div>
        
                    </span>
                    <span class="classnav">
                        <h4>年代</h4>
                        <div>
                        </div>
                    </span>
                </div>
            </div>


            <!-- 添加的电视剧 -->
            <div class='layout'>
                <div class='common-container'>
                    <div class='ant-tabs'>
                        <div class='tablists'>
                            <p style="width: 28px;height: 28px;padding-top: 3px;padding-right: 3px;"><img src="/publics/front-stage/img/tv4.png" alt="" style="display: inline-block;width: 28px;height: 28px;"></p>
                            <a class='qy-tv'>同期播出</a>
                            <div class='qy-change'>
                                <button class="qy-left"><i class="iconfont icon-xiangzuo"></i></button>
                                <button class='qy-right'><i class="iconfont icon-xiangyou"></i></button>
                            </div>
                        </div>
                        <!-- 第一个10张图片 -->
                        <div class='tab-ant'>
                            <div class='tabpanel'>
                                <ul class='panel'>  
                                    
                                </ul>
                            </div>
                        </div>
                        
                    
                    </div>
                </div>
        
            </div>
            <!-- 底部 -->
            <div class='lastPage'>
                <div class='lastBottom'>
                    <div class='bottom-line'>
                        <p>我也是有底线哒~</p>
                    </div>
                </div>
                <div class="g-footer">
                    <div class='g-foot'>
                        <div class='dl-one'>
                            <dt class='title-IV'>热门频道</dt>
                            <div class='manya'>
                                <a>电视剧</a>
                                <a>综艺</a>
                                <a>电影</a>
                                <a>搞笑</a>
                                <a>音乐</a>
                                <a>体育</a>
                                <a>动漫</a>
                                <a>游戏</a>
                                <a>生活</a>
                            </div>
                                
                        
                        </div>
                        <div class='dl-two'>
                            <dt class='title-IV'>协议声明</dt>
                            <div class='manya'>
                                <a>用户协议</a>
                                <a>知识产权声明</a>
                                <a>隐私政策</a>
                                <a>反盗链声明</a>
                            </div>
                            
                        </div>
                        <div class='dl-three'>
                            <dt class='title-IV'>服务</dt>
                            <div class='manya'>
                                <a>侵权投诉</a>
                                <a>广告服务</a>
                                <a>设备说明</a>
                                <a>关于我们</a>
                            </div>
                        </div>
                    </div>

                    <!-- 最底部 -->
                    <div class='last-foot'>
                        <div class='last-footer'></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="/publics/front-stage/js/teleplay.js"></script>
    <script type="text/javascript" src="/publics/front-stage/js/nav.js"></script>
    </html>